<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" layout:decorator="layout/base">
<head>
	<title>用户管理</title>
	<script type="text/javascript" th:src="@{/assets/js/plugins/pickers/daterangepicker.js}"></script>
</head>

<body>

	<!-- Page header -->
	<div class="page-header" layout:fragment="page-header">
		<div class="page-header-content">
			<div class="page-title">
				<h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold">幸福母乳会客户管理系统</span> - 客户管理</h4>
			</div>
		</div>
	</div>
	<!-- /page header -->


	<!-- Main content -->
	<div class="content-wrapper" layout:fragment="content">

		<!-- Table -->
		<div class="panel panel-flat min-panel">
			<div class="panel-heading">
				<h5 class="panel-title"><i class="icon-users" />客户列表</h5>
        	</div>

        	<div class="panel-body">
        			<form id="query" action="#" class="form-horizontal">
						<div class="row">
							<div class="col-md-4">
								<div class="form-group">
									<label class="col-lg-3 control-label">姓名:</label>
									<div class="col-lg-9">
										<input type="text" name="name" class="form-control" placeholder="姓名 模糊查询" />
									</div>
								</div>
							</div>

							<div class="col-md-4">
								<div class="form-group">
									<label class="col-lg-3 control-label">手机:</label>
									<div class="col-lg-9">
										<input type="text" name="phone" class="form-control" placeholder="手机 模糊查询" />
									</div>
								</div>
							</div>
							
							<div class="col-md-4">
								<div class="form-group">
									<label class="col-lg-3 control-label">微信:</label>
									<div class="col-lg-9">
										<input type="text" name="weixin" class="form-control" placeholder="微信 模糊查询" />
									</div>
								</div>
							</div>
							
						</div>
						<div class="row">
							<div class="col-md-4">
								<div class="form-group">
									<label class="col-lg-3 control-label">出生医院:</label>
									<div class="col-lg-9">
										<input type="text" name="hospital" class="form-control" placeholder="医院 模糊查询" />
									</div>
								</div>
							</div>	
							
							<div class="col-md-4">
								<div class="form-group">
									<label class="col-lg-3 control-label">孩子性别:</label>
									<div class="col-lg-9">
										<select name="sex" class="select form-control input-xs">
												<option value="">全部</option>
												<option value="男">男</option>												
												<option value="女">女</option>
										</select>
									</div>
								</div>
							</div>

							<div class="col-md-4">
								<div class="form-group">
									<label class="col-lg-3 control-label">所属门店:</label>
									<div class="col-lg-9">
										<select name="store" class="select form-control input-xs">
												<option value="">全部</option>
												<option th:each="store : ${stores}" th:value="${store.name}" th:text="${store.name}">时</option>
										</select>
									</div>
								</div>
							</div>
						</div>
						<fieldset>
								<legend class="text-semibold">导入时间</legend>
								<div class="col-md-8">
									<div class="form-group">
											<input type="text" id="creatTimeRange" class="form-control" placeholder="时间区间" />
											<input type="hidden" name="beginCreateTime" id="beginCreateTime" />
											<input type="hidden" name="endCreateTime" id="endCreateTime" />
									</div>
								</div>
								<div class="col-md-3 " style="float:right">
									<div class="form-group">
										<button type="button" id="submit" class="btn btn-primary">查询 <i class="icon-search position-right"></i></button>
									</div>
								</div>
						</fieldset>
								
        			</form>
				<table class="table datatable-basic table-striped table-hover">
					<thead>
						<tr class="bg-primary">
							<th>名称</th>
							<th>手机号</th>
							<th>微信号</th>
							<th>联系地址</th>							
							<th>孩子出生医院</th>
							<th>孩子生日</th>
							<th>孩子性别</th>
							<th>分配门店</th>
							<th>资料来源</th>
							<th>录入时间</th>
						</tr>
					</thead>
					<tbody class="border-dashed">
						
					</tbody>
				</table>
			</div>
		</div>
		<!-- /table -->
		<script type="text/javascript" th:src="@{/oss/js/customer.js}"></script>

	</div>
	<!-- /main content -->

</body>
</html>
